<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="screen-orientation" content="portrait" />
		<meta name="x5-orientation" content="portrait">	
		<meta name="full-screen" content="true" />
		<meta name="x5-fullscreen" content="true" />		
		<meta name="360-fullscreen" content="true" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/class_ys.css"/> 
	    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>        
	
	<style>
	
	.top_box{
		width: 100%;
		background: linear-gradient(to top, #36BD7B, #47CE69);
		
	}
		.icon_txt{
			width: 96%;
			color: white;
			margin: 0px auto;
			text-align: center;
			height: 50px;
			line-height: 50px;
			position: relative;
			background: linear-gradient(to top, #36BD7B, #47CE69);
		}
		
		
		
		.b_icon{
			display:inline-block;    	
	    	width: 11px;
	    	height: 28px;	    		
	    	background: url(img/back_icon.png) no-repeat;
	    	background-size:contain;
	    	position: absolute;
	    	left: 0px;
	    	top:11px;
		}
		
		.logo_txt{
			width: 50%;
			margin: 0px auto;
			text-align: center;
			/*border: 1px solid red;*/
		}
		
		.logo_txt img{
			width: 100px;	
			margin-bottom: 10px;	
		}
		
		.logo_txt p{
			height: 30px;
			line-height: 30px;			
		}
		
		
		
		.logo_txt p:nth-of-type(1){
			color: #BBB;
		}
		
		.logo_txt p:nth-of-type(2){
			color: #BBB;
			margin-top: 20px;
		}
		
	</style>
	</head>
	<body>	
		
			
		<div class="top_box">		
			<div class="icon_txt">
				<span class="b_icon" onclick="history.back()"></span>
				<span>关于</span>
			</div>
			
			</div>
		
		<div class="logo_txt" id="cwh">
			<img src="img/logo_icon.png"/>
			<!--<p>悦读</p>-->
			<p>随时随地悦你所悦</p>
			<p>版本：5.1.8</p>
		</div>
		
		<script>
			$(start);
		function start () {
			var wh=document.getElementById("cwh");
			var w=document.documentElement.clientWidth;
			var h=document.documentElement.clientHeight;
			var tw=wh.clientWidth;
			var th=wh.clientHeight;	
			var a=w/2-tw/2;
			var b=h/2-th/2;
			console.log(th);
		    $(".logo_txt").css("position","fixed").css("left",a+"px")
		    .css("top",b+"px");  
		    
		    $(".b_icon").click(function() {
                 history.back();		    	
		    });
		}		
		</script>
		
	</body>
</html>
